<template>
	<div>
		<Transfer :group1="group1" :group2="group2"></Transfer>
	</div>
</template>

<script>
	import Transfer from "@/views/Homework/5-Transfer.vue";
	export default {
		components: {
			Transfer,
		},
		data() {
			return {
				group1: [
					{ id: 1, checked: false, disabled: false },
					{ id: 4, checked: false, disabled: true },
					{ id: 5, checked: false, disabled: false },
					{ id: 6, checked: false, disabled: false },
					{ id: 7, checked: false, disabled: false },
					{ id: 8, checked: false, disabled: true },
					{ id: 9, checked: false, disabled: false },
					{ id: 10, checked: false, disabled: false },
					{ id: 11, checked: false, disabled: false },
					{ id: 12, checked: false, disabled: true },
				],
				group2: [
					{ id: 2, checked: false, disabled: false },
					{ id: 3, checked: false, disabled: false },
				],
			}
		},
	}
</script>


<style lang="less">
	.box {
		width: 500px;
		height: 200px;
		border: 1px solid #ccc;
		margin: 0 auto;
		margin-top: 50px;
		position: relative;
		padding-top: 50px;
		padding-left: 50px;
	}
</style>
